<!-- Content Header (Page header) -->

<section class="content-header" >
    <div class="position pull-lift">
        <i class="fa fa-home"></i>
        <a href="student-index.html">首页</a>
        <span class="c-gray en">&gt;</span>
        博客管理
        <span class="c-gray en">&gt;</span>
        类别管理
        <div class="pull-right">
            <span type="button" class="btn btn-sm btn-primary btn-content-top btn-refresh">刷新</span>
            <span type="button" class="btn btn-sm btn-success btn-content-top btn-add " data-toggle="modal" data-target="#add-type-modal">添加</span>
            <span type="button" class="btn btn-sm btn-danger btn-delete btn-content-top btn-delete-types">删除</span>
        </div>
    </div>
</section>
<!-- Main content -->
<section class="content">
    <!--.box -->
    <div class="box">
        <div class="box-body">
            <div class="row">
                <div class="col-md-12">
                    <table class="table no-margin type-manager-table"
                           data-id-field="id">
                    </table>
                </div>
            </div>
        </div>
        <!-- /.box-body -->
        <div class="box-footer">
        </div>
        <!-- /.box-footer-->
    </div>
    <!--/.box-->

</section>
<!-- /.content -->
<!-- credit  Modal -->
<div class="modal fade" id="add-type-modal" tabindex="-1" role="dialog" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">添加类型</h4>
            </div>
            <div class="modal-body">
                <div class="row modal-form">
                    <div class="col-md-2 modal-form-title" ><b>类型名称&nbsp;:</b></div>
                    <div class="col-md-10 modal-form-input" >
                        <input type="text" class="form-control input-sm" name="type-name"  placeholder="类型名"/>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-type-add" data-dismiss="modal">添加</button>
            </div>
        </div>
    </div>
</div>
<!--end modal-->
<script th:src="@{/node_modules/bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js}"></script>
<script th:src="@{/node_modules/bootstrap-table/src/extensions/editable/bootstrap-table-editable.js}"></script>
<script type="text/javascript" th:src="@{/resources/app/type-manager.js}"></script>


